<%--
  Created by IntelliJ IDEA.
  User: 13095
  Date: 2024/10/30
  Time: 17:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="content">
    <div class="order-section collapsible-module">
        <span class="subhny-title" onclick="toggleCollapse(this)">我的订单</span>
        <a href="${path}/user/taskingList" class="nav-link option-item">进行中的订单</a>
        <a href="${path}/user/completedOrderList" class="nav-link option-item">已完成订单</a>
        <a href="${path}/user/waitAcceptOrderList" class="nav-link option-item">待接取订单</a>
    </div>
</div>
</div>

<style>
   .content  a {
        display: block;
        font-size: 24px;
        padding: 8px 0;
        text-decoration: none; /* 去除默认下划线 */
        transition: all 0.3s ease; /* 添加过渡效果，使样式变化平滑 */
        border: 1px solid transparent; /* 添加透明边框 */

    }

   .content  a:hover {
        background-color: #f0f0f0; /* 悬停时的背景颜色 */
        color: #333; /* 悬停时的文本颜色 */
        text-decoration: underline; /* 悬停时添加下划线 */
        border: 1px solid #ccc; /* 悬停时显示边框 */
    }



    /* 选项样式 */
    .option-item {
        display: block;
        font-size: 24px;
        padding: 8px 0;
    }


   .content   a.option-item {
        display: block;
        font-size: 24px;
        padding: 8px 0;
        text-decoration: none;
        transition: all 0.3s ease;
        color: inherit; /* 使文本颜色继承父元素的颜色 */
    }

   .content  a.option-item:hover {
        background-color: #f0f0f0;
        color: #333;
        text-decoration: underline;
    }

   .content  a.option-item:visited {
        color: inherit; /* 已访问状态下的颜色也继承父元素颜色 */
    }

   .content  a.option-item:active {
        color: inherit; /* 点击时的颜色继承父元素颜色 */
        text-decoration: none; /* 点击时不显示下划线等额外样式 */
    }
</style>